<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>会议室管理系统</title>
		<link href="css/main.css" rel="stylesheet" type="text/css"/>
		<link rel="Stylesheet" type="text/css" href="css/jquery/jquery-ui.css" />
		<script type="text/javascript" src="js/jquery/jquery.js"></script>
		<script type="text/javascript" src="js/jquery/jquery-ui.js"></script>
	</head>
	<body>
		<div class="Wrapper">
		<div class="header header_login">
			<div class="logo floatL">
				<a href="index.jsp" title="会议室管理"><img src="images/head_logo.jpg" border="0"/></a>
			</div>
			<div class="login_nav floatR">
				<a href="login.jsp" title="登录">登录</a>
				<a href="register.jsp" title="注册">注册</a>
			</div>
			<br class="clear"/>
		</div>

		<div class="main_container">
			<div class="register box">
				<p class="headline"><span>新用户注册</span>感谢您注册，请填写下面字段，按步骤完成注册并使用~</p>
				<div class="registerL floatL">
					<div class="wrap">
					
					<form action="#" method="post" onsubmit="javascript:return check_form(this);">
					
					<div class="form">
						<div class="col">
							<div class="colLeft">
								登录名
								<div style="float: right; color: red; font-size: 20px; padding-top: 5px;">
									*
								</div>
							</div>
							<div class="colRight">
								<input type="text" name="loginName" class="input"/>
								<span class="help-inline"></span>
							</div>
							<br class="clear"/>
						</div>
						<div class="col">
							<div class="colLeft">用户名</div>
							<div class="colRight">
								<input type="text" name="userName" class="input"/>
								<span class="help-inline"></span>
							</div>
							<br class="clear"/>
						</div>
						<div class="col">
							<div class="colLeft">
								登录密码
								<div style="float: right; color: red; font-size: 20px; padding-top: 5px;">
									*
								</div>
							</div>
							<div class="colRight">
								<input type="password" name="loginPwd" class="input"/>
								<span class="help-inline"></span>
							</div>
							<br class="clear"/>
						</div>
						<div class="col">
							<div class="colLeft">
								确认密码
								<div style="float: right; color: red; font-size: 20px; padding-top: 5px;">
									*
								</div>
							</div>
							<div class="colRight">
								<input type="password" name="psd" class="input"/>
								<span class="help-inline"></span>
							</div>
							<br class="clear"/>
						</div>
						<div class="col">
							<div class="colLeft">用户头像</div>
							<div class="colRight">
								<span class="input-file">
									<input type="file" value="点击上传" name="file" id="file" onchange="javascript:showFileName();" />
									<a class="upload" onclick="javascript:selectUpdateFile();">点击上传</a>
								</span>
								<span class="help-inline" id="file_value"></span>
								<span class="help-inline"></span>

								<p class="text">
									仅支持JPG、JPEG、BMP的图片格式，<span>图片大小不超过2M</span>。
								</p>
							</div>
							
							<br class="clear"/>
						</div>
						<div class="col">
							<div class="colLeft">
								邮箱
								<div style="float: right; color: red; font-size: 20px; padding-top: 5px;">
									*
								</div>
							</div>
							<div class="colRight">
								<input type="text" name="email" class="input"/>
								<span class="help-inline"></span>
							</div>
							<br class="clear"/>
						</div>
						<div class="col">
							<div class="colLeft">手机号码</div>
							<div class="colRight">
								<input type="text" name="phoneNum" class="input"/>
								<span class="help-inline"></span>
							</div>
							<br class="clear"/>
						</div>
						<div class="col">
							<div class="colLeft">验证码</div>
							<div class="colRight colcode">
								<input type="text" name="code" class="input_mini"/>
								<span class="help-inline"></span>
								<p class="code"><img src="images/icon_code.png" border="0"/></p>
							</div>
							<br class="clear"/>
						</div>
						<div class="colall">
							<p class="info">
								<input type="checkbox"/>
								我同意<a>《会议室管理系统注册协议》</a>
							</p>
							<p class="next" style="display:none;"><input type="submit" class="input_small btn_blue" value="确定"/></p>
							<p class="next_a"><a href="register2.jsp">确定</a>
						</div>
					</div>
					</form>
					</div>
				</div>
				<div class="registerR floatR">
					<p class="text">已有账号 ? <a>登录</a></p>
				</div>
				<br class="clear"/>
			</div>
		</div>
		<div class="footer">
			<div class="box">
				<p class="nav floatL">
					<a>关于我们</a>
					<a>联系我们</a>                            
				</p>
				<p class="copyright floatR"><a>版权信息详情</a></p>
				<br class="clear"/>
			</div>
		</div>
		</div>
	</body>
</html>
<script type="text/javascript">
   function selectUpdateFile()
	{
		$("#file").click();
	} 
	function showFileName()
	{
		var filValue = $("#file").val();
		$("#file_value").html(filValue);
		$("#file_msg").html("");
	}
</script>